﻿<!DOCTYPE html>
<html dir="ltr" lang="en">
<head>

	<!-- Meta Tags -->	
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<meta name="description" content="唯楚新材">
	<meta name="keywords" content="唯楚新材">
	<meta name="author" content="cherry">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-touch-fullscreen" content="yes" />
    <meta name="full-screen" content="yes" />
    <meta name="format-detection" content="telephone=no" />
	<!-- Title -->
	<title>唯楚新材--关于我们</title>
	
	<!-- Favicon -->
	<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">

	<!-- Apple Touch Icons -->
	<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
	<link rel="apple-touch-icon" sizes="57x57" href="images/apple-touch-icon-57x57.png">
	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="76x76" href="images/apple-touch-icon-76x76.png">
	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
	<link rel="apple-touch-icon" sizes="120x120" href="images/apple-touch-icon-120x120.png">
	<link rel="apple-touch-icon" sizes="144x144" href="images/apple-touch-icon-144x144.png">
	<link rel="apple-touch-icon" sizes="152x152" href="images/apple-touch-icon-152x152.png">
	<link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon-180x180.png">
	
	<!-- Stylesheets -->
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/menuzord.css">
	<link rel="stylesheet" href="css/menuzord-animations.css">
	<link rel="stylesheet" href="css/animate.css">
	<link rel="stylesheet" href="css/jquery.bxslider.css">
	<link rel="stylesheet" href="css/hover.css">
	<link rel="stylesheet" href="css/magnific-popup.css">
	<link rel="stylesheet" href="css/color-switcher.css">
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/responsive.css">
	

	<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
	<!--[if lt IE 9]>
	  <script src="http://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
	  <script src="http://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
	<![endif]-->
</head>
<body> 

	
	<div id="preloader">
		<div id="status"></div>
	</div>
	
	<div class="page-wrapper">

		<!-- Header Start -->
		<header class="headers-con">
			<div class="container">
				<div class="row">
					<div class="col-md-4 logo">
						<a href="home-layout-1.html"><img src="images/logo.png" alt=""></a>
					</div>
					<div class="col-md-8 nav-wrapper">

						<!-- Nav Start -->
						<div id="menuzord" class="menuzord">
							<ul class="menuzord-menu">
								<li><a href="index.html">首页</a></li>
								<li><a href="about.html">关于我们</a></li>
								<li><a href="services.html">产品中心</a></li>
								<li><a href="gallery.html">工程案例</a></li>
								<li><a href="Blog.html">新闻资讯</a></li>
								<li><a href="contact.html">联系我们</a></li>
							</ul>
						</div>
						<!-- Nav End -->

					</div>
				</div>
			</div>
		</header>
		<!-- Header End -->
		
		
		<!-- Banner Start -->
		<div class="page-banner">
			<div class="overlay"></div>
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="banner-text">
							<h1>联系我们</h1>
							<ul>
								<li><a href="index.html">首页</a></li>
								<li><i class="fa fa-angle-right"></i></li>
								<li>联系我们</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- Banner End -->
				

		<!-- Contact Start -->
		<section class="contact-v1">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="heading-normal">
							<h2>在线留言</h2>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-8">
						<form action="#" class="form-horizontal cform-1" method="post">
							<div class="form-group">
                                <div class="col-sm-12">
                                    <input type="text" class="form-control" placeholder="Name" name="">
                                </div>
                            </div>
							<div class="form-group">
                                <div class="col-sm-12">
                                    <input type="email" class="form-control" placeholder="Email Address" name="">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-12">
                                    <input type="text" class="form-control" placeholder="Phone Number" name="">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-12">
                                    <input type="text" class="form-control" placeholder="Subject" name="">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-12">
                                    <textarea name="" class="form-control" cols="30" rows="10" placeholder="Message"></textarea>
                                </div>
                            </div>
                            <div class="form-group">
			                    <div class="col-sm-12">
			                        <input type="submit" value="Save" class="btn btn-success">
			                    </div>
			                </div>
						</form>
					</div>
					<div class="col-md-4">
						<div class="item">
							<div class="icon">
								<i class="fa fa-map"></i>
							</div>
							<div class="text">
								<h3>Address</h3>
								<p>
									House #1, Road #2, AA Street, USA.
								</p>
							</div>
						</div>
						<div class="item">
							<div class="icon">
								<i class="fa fa-phone"></i>
							</div>
							<div class="text">
								<h3>Phone</h3>
								<ul>
									<li>+44 111-222-333</li>
									<li>+44 111-222-555</li>
								</ul>
							</div>
						</div>
						<div class="item">
							<div class="icon">
								<i class="fa fa-envelope"></i>
							</div>
							<div class="text">
								<h3>Email</h3>
								<p>
									info@yokobd.com
								</p>
							</div>
						</div>
					</div>
					
				</div>

				
				<div class="gap-small"></div>
				<div class="row">
					<div class="col-md-12">
						<div class="heading-normal">
							<h2>电子地图</h2>
						</div>
						<div class="google-map">
							<!---<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d387142.84040262736!2d-74.25819605476612!3d40.70583158628177!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew+York%2C+NY%2C+USA!5e0!3m2!1sen!2sbd!4v1485712851643" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>---->
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- Contact End -->


		<!-- Footer Social Start -->
		<section class="footer-social footer-lower-height">
			<!--<div class="container">-->
			<!--<div class="row">-->
			<!--<div class="col-md-12">-->
			<!--<div class="item">-->
			<!--<ul>-->
			<!--<li><a href="#"><i class="fa fa-facebook"></i></a></li>-->
			<!--<li><a href="#"><i class="fa fa-twitter"></i></a></li>-->
			<!--<li><a href="#"><i class="fa fa-linkedin"></i></a></li>-->
			<!--<li><a href="#"><i class="fa fa-google-plus"></i></a></li>-->
			<!--<li><a href="#"><i class="fa fa-pinterest"></i></a></li>-->
			<!--<li><a href="#"><i class="fa fa-youtube"></i></a></li>-->
			<!--</ul>-->
			<!--</div>-->
			<!--</div>-->
			<!--</div>-->
			<!--</div>-->
		</section>
		<!-- Footer Social End -->


		<!-- Footer Main Start -->
		<section class="footer-main">
			<div class="container">
				<div class="row">
					<div class="col-sm-6 col-md-3 col-lg-3 footer-col tx-cen">
						<img src="images/whiteLogo.png" alt="">
					</div>

					<div class="col-sm-6 col-md-3 col-lg-3 footer-col">
						<h3>关于唯楚</h3>
						<div class="row">
							<div class="col-md-12">
								<p>
									江苏唯楚金属新材料有限公司致力于铝幕墙材料、
									保温隔热材料、铝蜂窝板的设计、研发、制造、销售
									及安装，是一家集工业、贸易、科研、投资、服务于
									一体的多元化公司。公司拥有雄厚的技术力量、精湛
									的生产工艺、先进的检测设备、科学的管理体系和完
									...
								</p>
							</div>
						</div>
					</div>
					<!-- contact us Start -->
					<div class="col-sm-6 col-md-3 col-lg-3 footer-col">
						<h3>联系我们</h3>
						<div class="contact-item">
							<div class="icon"><i class="fa fa-map-marker"></i></div>
							<div class="text">江苏省常州市</div>
						</div>
						<div class="contact-item">
							<div class="icon"><i class="fa fa-phone"></i></div>
							<div class="text">123-456-7878</div>
						</div>
						<div class="contact-item">
							<div class="icon"><i class="fa fa-fax"></i></div>
							<div class="text">123-456-7890</div>
						</div>
						<div class="contact-item">
							<div class="icon"><i class="fa fa-envelope-o"></i></div>
							<div class="text">info@yokobd.com</div>
						</div>
					</div>
					<!-- contact us end -->
					<!-- company Logo start -->
					<div class="col-sm-6 col-md-3 col-lg-3 footer-col">
						<h3>网站地图</h3>
						<div class="row">
							<div class="col-md-6">
								<ul>
									<li><a href="index.html">唯楚首页</a></li>
									<li><a href="about.html">关于我们</a></li>
									<li><a href="services.html">工程案例</a></li>
									<li><a href="gallery.html">产品中心</a></li>
									<li><a href="Blog.html">新闻资讯</a></li>
									<li><a href="contact.html">联系我们</a></li>
								</ul>
							</div>
						</div>
					</div>
					<!-- company Logo end-->

				</div>
			</div>
		</section>
		<!-- Footer Main End -->



		<a href="#" class="scrollup">
			<i class="fa fa-angle-up"></i>
		</a>

	</div>

	
	<!-- Scripts -->
	<script src="js/jquery-2.2.4.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/menuzord.js"></script>
	<script src="js/hoverIntent.js"></script>
	<script src="js/owl.carousel.min.js"></script>
	<script src="js/owl.animate.js"></script>
	<script src="js/jquery.bxslider.min.js"></script>
	<script src="js/jquery.mixitup.min.js"></script>
	<script src="js/jquery.magnific-popup.min.js"></script>	
	<script src="js/waypoints.min.js"></script> 
	<script src="js/jquery.counterup.min.js"></script>
	<script src="js/modernizr.min.js"></script>
	<script src="js/color-switcher.js"></script>
	<script src="js/custom.js"></script>
	
</body>
</html>

